/** 图纸配置 */
export const mapProps = {
  fileName: "",
  color: "#eeeeee",
  penBackground: "",
  background: "",
  bkImage: "",
  rule: false,
  ruleColor: "",
  grid: false,
  gridColor: "",
  gridSize: 20,
  gridRotate: 0,
  autoAlignGrid: false
}

/** mqtt、websocket 配置 */
export const communicateProp = {
  websocketUrl: "",
  websocketConnected: false,
  mqttUrl: "ws://broker.emqx.io:8083/mqtt",
  mqttConnected: false,
  customClientId: false,
  clientId: "",
  username: "",
  password: "",
  mqttTopics: "le5le"
}

/** http 配置 */
export const httpProp = [
  {
    method: 'GET',
    http: '',
    httpHeaders: "{}",
    httpTimeInterval: 1000
  },
]

/** 全局配置 */
export const globalConfigProps = {
  color: "",
  activeColor: "",
  hoverColor: "",
  hoverBackground: "",
  anchorColor: "",
  anchorBackground: "",
  dockColor: "",
  dragColor: "",
  animateColor: "",
  textColor: "",
  fontFamily: "",
  fontSize: 14,
  lineHeight: "",
  textAlign: "",
  textBaseline: "",
  rotateCursor: "",
  hoverCursor: "",
  disableInput: false,
  disableRotate: false,
  disableAnchor: false,
  disableEmptyLine: false,
  disableRepeatLine: false,
  disableScale: false,
  disableDockLine: false,
  disableTranslate: false,
  minScale: 0.1,
  maxScale: 10,
  autoAnchor: true,
  interval: 10,
  animateInterval: 10,
  textRotate: true,
  textFlip: false
}

/** 外观 配置 */
export const appearanceProps = {
  x: 0,
  y: 0,
  text: "",
  color: "",
  width: 0,
  height: 0,
  lineWidth: 0,
  hoverColor: "",
  activeColor: "",
  background: "",
  hoverBackground: "",
  activeBackground: "",
  shadowColor: "",
  shadowBlur: 0,
  textHasShadow: false,
  shadowOffsetX: 0,
  shadowOffsetY: 0,
  anchorColor: "",
  anchorRadius: 0,
  borderRadius: 0,
  globalAlpha: 0,
  ratio: false,
  rotate: 0,
  paddingTop: 0,
  paddingBottom: 0,
  paddingRight: 0,
  paddingLeft: 0,
  progress: 0,
  progressColor: "#1890ff",
  verticalProgress: false,
  flipX: false,
  flipY: false,
  dash: 0,
  fontFamily: "",
  fontSize: 14,
  textColor: "",
  hoverTextColor: "",
  activeTextColor: "",
  textBackground: "",
  textAlign: "",
  textBaseline: "",
  lineHeight: 0,
  whiteSpace: "",
  textWidth: 0,
  textHeight: "",
  ellipsis: "",
  hiddenText: false,
  disableAnchor: false,
  disableInput: false,
  disableRotate: false,
  disableSize: false,
  lineSmooth: 0,
  strokeType: 0,
  bkType: 0,
  image: "",
  decorationDash: 0,
  strickoutDash: 0,
  children: [],
  startX: 0,
  startY: 0,
  endX: 0,
  endY: 0,
  type: 0
}

/** 事件类型 */
export const eventType = [
  {
    name: "鼠标移入",
    event: "enter"
  },
  {
    name: "鼠标移出",
    event: "leave"
  },
  {
    name: "鼠标右键",
    event: "contextmenu"
  },
  {
    name: "获取焦点",
    event: "active"
  },
  {
    name: "失去焦点",
    event: "inactive"
  },
  {
    name: "鼠标按下",
    event: "mousedown"
  },
  {
    name: "鼠标抬起",
    event: "mouseup"
  },
  {
    name: "单击",
    event: "click"
  },
  {
    name: "双击",
    event: "dbclick"
  },
  {
      name: "值变化",
      event: "valueUpdate"
  }
]

/** 属性下拉 */
export const propsType = [
  { link: "背景颜色", value: "background" },
  { link: "颜色", value: "color" },
  { link: "文字", value: "text" },
  { link: "宽度", value: "width" },
  { link: "高度", value: "height" },
  { link: "显示", value: "visible" },
  { link: "进度值", value: "progress" },
  { link: "值", value: "value" },
]

/** 布局 */
export const LayoutConfig = {
  width: undefined,
  space: 30
}

/** 动画 */
export const animateProps = {
  animateColor: "red",
  animateCycle: null,
  animateLineWidth: 1,
  animateReverse: false,
  animateShadow: false,
  animateShadowBlur: 6,
  animateShadowColor: "",
  animateSpan: 1,
  autoPlay: false,
  keepAnimateState: false,
  lineAnimateType: 0,
  nextAnimate: "",
  animateLineDash: [5, 5],
  animateLineDashNum: 0,
  animateDotSize: 6,
  showDuration: '',
  animateType: '',
  frames: [],
  title: '',
  titleFnJs: '',
  iframe: '',
  video: '',
  audio: '',
  playLoop: false,
  videoType: ""
}